{% extends "employee/employee_skeleton.html" %}

{% block content %}
    <section id="main-content">
      <section class="wrapper">
        <h3><i class="fa fa-angle-right"></i> Add Bills</h3>
        <!-- BASIC FORM ELELEMNTS -->
        <div class="row mt">
          <div class="col-lg-12">
            <div class="form-panel">
              <h4 class="mb"><i class="fa fa-angle-right"></i> Add</h4>
              <form class="form-horizontal style-form" method="post">
                <div class="form-group">
                  <label class="col-sm-2 col-sm-2 control-label">金额</label>
                  <div class="col-sm-10">
                    <input type="text" name="amount" class="form-control round-form">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 col-sm-2 control-label">原因</label>
                  <div class="col-sm-10">
                    <input class="form-control" name="reason" type="text" value="">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 col-sm-2 control-label">时间</label>
                  <div class="col-sm-10">
                    <div class='input-group date' id='datetimepicker1'>
                      <input class="form-control" name="time" type="text" />
                      <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                      </span>
                    </div>
                  </div>
                </div>
                <button type="submit" class="btn btn-sm btn-info" name="button2">Add</button>
              </form>
            </div>
          </div>
          <!-- col-lg-12-->
        </div>


        <div class="row mt">

          <!-- /col-lg-12 -->
          <!-- CUSTOM TOGGLES -->

        </div>
        <!-- /row -->
      </section>
      <!-- /wrapper -->
    </section>
{% endblock %}



{% block script %}
<script src="https://cdn.bootcss.com/moment.js/2.24.0/moment-with-locales.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript">

$(function() {
$('#datetimepicker1').datetimepicker({
format: 'YYYY-MM-DD hh:mm:ss',
locale: moment.locale('zh-cn')
});
});

</script>

{% endblock %}